<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<!--<meta name="viewport" content="width=device-width, initial-scale=1.0" />-->
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>分厂统计</title>
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="laydate/need/laydate.css" />
		<link rel="stylesheet" href="css/singlePlant.css" />
	</head>

	<body>
		<!--[if lt IE 9]>
    <div class="alert alert-danger">您正在使用 <strong>过时的</strong> 浏览器. 是时候 <a href="http://browsehappy.com/">更换一个更好的浏览器</a> 来提升用户体验.</div>
  <![endif]-->
		<div class="shelf">
			<header class="header clear">
				<div class="header-hint fl">
					<div class="safety">
						<div class="hint-title">
							<p>安全</p>
							<p>生产</p>
						</div>
						<div class="hint-cont">
							<span>365</span>
							<span>天</span>
						</div>
					</div>
				</div>
				<div class="header-cont clear fl">
					<div class="header-piece fl">
						<p>点巡检报警</p>
						<p>1050</p>
					</div>
					<div class="header-piece fl">
						<p>工作票超时</p>
						<p>0</p>
					</div>
					<div class="header-piece fl">
						<p>操作票超时</p>
						<p>22</p>
					</div>
					<div class="header-piece fl">
						<p>定期工作超时</p>
						<p>20</p>
					</div>
				</div>
			</header>
			<section class="section clear">
				<div class="section-piece fl">
					<div class="piece">
						<div class="title">
							<span class="title-name">点检环形比例图</span>
							<div class="form">
								<span>时间查询：从</span><input type="text" id="bdate1" class="laydate-icon" placeholder="开始时间" /><span>到</span><input type="text" id="fdate1" class="laydate-icon" placeholder="结束时间" />
								<input type="button" value="查询" class="btn" />
							</div>
						</div>
						<div class="piece-cont clear">
							<div class="echarts fl" id="inspection-pie"></div>
							<div class="cont fl">
								<div class="cont-inner">
									<table cellspacing="0">
										<tr>
											<td>任务执行总数</td>
											<td>544</td>
										</tr>
										<tr>
											<td>正常</td>
											<td class="normal-data">408</td>
										</tr>
										<tr>
											<td>异常</td>
											<td class="abnormal-data">68</td>
										</tr>
										<tr>
											<td>严重</td>
											<td class="critical-data">68</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section-piece fl">
					<div class="piece">
						<div class="title">
							<span class="title-name">工作票环形比例图</span>
							<div class="form">
								<span>时间查询：从</span><input type="text" id="bdate2" class="laydate-icon" placeholder="开始时间" /><span>到</span><input type="text" id="fdate2" class="laydate-icon" placeholder="结束时间" />
								<input type="button" value="查询" class="btn" />
							</div>
						</div>
						<div class="piece-cont clear">
							<div class="echarts fl" id="workTicket"></div>
							<div class="cont fl">
								<div class="cont-inner">
									<table cellspacing="0">
										<tr>
											<td>工作票总数</td>
											<td>544</td>
										</tr>
										<tr>
											<td>已完成</td>
											<td>408</td>
										</tr>
										<tr>
											<td>未完成</td>
											<td>68</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section-piece fl">
					<div class="piece">
						<div class="title">
							<span class="title-name">操作票环形比例图</span>
							<div class="form">
								<span>时间查询：从</span><input type="text" id="bdate3" class="laydate-icon" placeholder="开始时间" /><span>到</span><input type="text" id="fdate3" class="laydate-icon" placeholder="结束时间" />
								<input type="button" value="查询" class="btn" />
							</div>
						</div>
						<div class="piece-cont clear">
							<div class="echarts fl" id="operation"></div>
							<div class="cont fl">
								<div class="cont-inner">
									<table cellspacing="0">
										<tr>
											<td>操作票总数</td>
											<td>544</td>
										</tr>
										<tr>
											<td>已完成</td>
											<td>408</td>
										</tr>
										<tr>
											<td>未完成</td>
											<td>68</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section-piece fl">
					<div class="piece">
						<div class="title">
							<span class="title-name">定期工作环形比例图</span>
							<div class="form">
								<span>时间查询：从</span><input type="text" id="bdate4" class="laydate-icon" placeholder="开始时间" /><span>到</span><input type="text" id="fdate4" class="laydate-icon" placeholder="结束时间" />
								<input type="button" value="查询" class="btn" />
							</div>
						</div>
						<div class="piece-cont clear">
							<div class="echarts fl" id="regular"></div>
							<div class="cont fl">
								<div class="cont-inner">
									<table cellspacing="0">
										<tr>
											<td>定期工作总数</td>
											<td>544</td>
										</tr>
										<tr>
											<td>已完成</td>
											<td>408</td>
										</tr>
										<tr>
											<td>未完成</td>
											<td>68</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>

	</body>
	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/echarts.common.min.js"></script>
	<script src="laydate/laydate.js"></script>
	<script src="js/singlePlant.js"></script>

</html>